<x-produt>
    <!-- banner -->
    <div id="nei_banner1">
        <img src="http://96.yztee.com/uploads/96/20220610/1c7ad64f47352641b17477db458d8377.png" alt="">
    </div>
    <!-- banner end -->

    <div id="web_er_nav_two">
        <!-- 二级导航 -->
        <div class="er_nav2">
            <div class="wp">
                <div class="right">
                    <img src="/source/pro/images/iocn1.png" alt="">
                    <a href="/">首页</a>
                    <em>&gt;</em>
                    @if (!empty($info->nav))
                    <a href="/content/{{ $info->nav->id }}">{{ $info->nav->name }}</a>
                    <em>&gt;</em>
                    @endif
                    @if (!empty($info->category))
                    <a href="/content/{{ $info-> id }}?category_id={{ $info->category->id }}">{{ $info->category->title }}</a>
                    <em>&gt;</em>
                    @endif
                    <span>{{ $info->title }}</span>
                </div>
            </div>
        </div>
        <div class="c"></div>
    </div>

    <div id="page_con">
        <div class="product_data product_data2">
            <div class="wp">
                <div class="product_data_top">
                    <div class="pic">
                        <div class="pic_data_swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <img src="http://96.yztee.com/uploads/96/20220610/34153c1d6ed23c6e098fd60608afab27.png"
                                        alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img src="http://96.yztee.com/uploads/96/20220610/34153c1d6ed23c6e098fd60608afab27.png"
                                        alt="">
                                </div>
                            </div>
                        </div>
                        <div class="butt">
                            <span class="about-button-left"></span>
                            <span class="about-button-right"></span>
                        </div>
                        <div class="dian_list"></div>
                    </div>
                    <div class="text">
                        <h1>{{ $info->title }}</h1>
                        <pre>{{ $info->desc }}</pre>
                    </div>
                </div>
            </div>
            <div class="c"></div>
            <div class="product_data_mass">
                <div class="tit">
                    <p><em></em>产品描述</p>
                </div>
                <div class="text">
                    {!! $info->content !!}
                </div>
                <div class="back_btn">
                    <a href="javascript:;" onclick="javascript:history.back(-1);">返回<em></em></a>
                </div>
            </div>
        </div>
    </div>

    <link rel="stylesheet" href="/lib/swiper/swiper.min.css" />
    <script type="text/javascript" src="/lib/swiper/swiper.min.js"></script>
    <script>
        // 详情页轮播
        var swiper = new Swiper('.pic_data_swiper', {
            loop: true,
            autoplay: true,
            navigation: {
                nextEl: '.about-button-left',
                prevEl: '.about-button-right',
            },
            pagination: {
                el: '.dian_list',
                clickable: true
            },
        })
    </script>
</x-produt>
